<script setup>
import 'element-plus/dist/index.css'
import {ElConfigProvider} from "element-plus"
import zhCn from "element-plus/es/locale/lang/zh-cn"

import PageDynamic from "./view/index.vue"
</script>

<template>
  <ElConfigProvider :locale="zhCn">
    <PageDynamic ></PageDynamic>
  </ElConfigProvider>
</template>

<style>
* {
    padding: 0;
    margin: 0
}

html {
    font-size: 4px;
    /* font-size: calc(100vw / 1920 * 4); */
}

@media screen and (min-width:1900px) {
    html {
        font-size: calc(100vw / 1920 * 4);
    }
}


/* 滚动条优化 */
/* 为滚动条整体设置样式 */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}

/* 为滚动条的轨道设置样式 */
::-webkit-scrollbar-track {
background: rgba(#101F1C, 0.1);
border-radius: 6px;
}

/* 为滚动条的滑块设置样式 */
::-webkit-scrollbar-thumb {
background-color: rgba(144,147,153,.1);
border-radius: 6px;
transition: background-color .3s;
cursor: pointer;
}

/* 当鼠标悬停在滑块上时改变滑块的颜色 */
::-webkit-scrollbar-thumb:hover {
background-color: rgba(144,147,153,.3);
}
</style>
